<template>
  <svg
    t="1753863508436"
    class="follow-icon"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="5089"
    :width="size"
    :height="size"
  >
    <path
      d="M319.595789 521.701053a265.162105 265.162105 0 0 1-187.014736-255.461053A263.545263 263.545263 0 0 1 393.431579 0a263.545263 263.545263 0 0 1 260.850526 266.24 265.701053 265.701053 0 0 1-188.631579 255.461053 367.023158 367.023158 0 0 1 320.673685 352.471579c0 63.056842-16.707368 149.827368-393.970527 149.827368S0 932.378947 0 874.172632a365.406316 365.406316 0 0 1 319.595789-352.471579z m453.793685 2.694736a207.494737 207.494737 0 0 0-68.985263-405.288421A344.387368 344.387368 0 0 1 646.736842 499.604211a450.56 450.56 0 0 1 219.890526 406.905263c148.749474-19.402105 157.372632-70.063158 157.372632-107.789474a286.72 286.72 0 0 0-250.610526-274.324211z"
      p-id="5090"
      :fill="color"
    ></path>
  </svg>
</template>

<script>
  export default {
    name: "FollowIcon",
    props: {
      size: {
        type: [Number, String],
        default: 24,
      },
      color: {
        type: String,
        default: "#ffffff",
      },
    },
  };
</script>

<style scoped>
  .follow-icon {
    display: inline-block;
    padding-top: 4px;
  }
</style>
